@import "../../playerColors.less";
@import "../scorllView/size.less";
.playlist-container {
    @playlist-height: 500px;
    @playlist-width: 500px;
    user-select: none;

    border-radius: 10px 10px 0 0;
    .playlist-item-container {
        height: 50px;
        .playlist-item {
            position: relative;
            display: flex;
            height: 100%;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            padding: 0 @scorll-bar-width + 5px;
            cursor: pointer;
            .name {
                width: 150px;
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
            }
            .current-music {

            }
            .indicator {
                @indicator-size: 10px;

                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                left: 3px;
                top: 50% - @indicator-size;
                width: @indicator-size;
                height: @indicator-size;
                .pause {
                    width: @indicator-size - 3px;
                    height: @indicator-size - 3px;
                    &>svg {
                        visibility: hidden;
                    }
                }
            }
        }
    }
}